<template>
  <!-- 首页 -->
  <div class="home_box">
    <!--筛选区-->
    <HomeFiltrate />
    <!--下拉刷新-->
    <van-pull-refresh v-model="loading" @refresh="onRefresh">
      <!--轮播区-->
      <HomeCarousel />
      <!--公告区-->
      <HomeNotice />
      <!-- 三级分类区 -->
      <HomeSortThree />
      <!--分栏区-->
      <HomeGrid />
      <!--多专块区-->
      <!-- 最近直播 -->
      <HomeLive />
      <!-- 精选课程 -->
      <HomeChoicenessCourse />
      <!-- 好题试卷 -->
      <HomeGoodTest />
    </van-pull-refresh>
  </div>
  <!-- 省份弹出框 -->
  <Area />
</template>

<script>
import HomeCarousel from "./component/HomeCarousel";
import HomeFiltrate from "./component/HomeFiltrate.vue";
import HomeNotice from "./component/HomeNotice";
import HomeSortThree from "./component/HomeSortThree";
import HomeGrid from "./component/HomeGrid";
import HomeChoicenessCourse from "./component/HomeChoicenessCourse.vue";
import HomeGoodTest from "./component/HomeGoodTest.vue";
import HomeLive from "./component/HomeLive.vue";
import Area from "@/components/area/index.vue";

export default {
  name: "index",
  components: {
    HomeLive,
    HomeGoodTest,
    HomeGrid,
    HomeNotice,
    HomeSortThree,
    HomeFiltrate,
    HomeCarousel,
    HomeChoicenessCourse,
    Area,
  },
  setup() {},
};
</script>

<style scoped>
.home_box {
  padding-bottom: 4rem;
}
</style>
